<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
        焦点事件
             blur:当元素失去焦点时触发。这个事件不冒泡，所有浏览器都支持。
             DOMFocusIn:当元素获得焦点时触发。这个事件是 focus 的冒泡版。Opera 是唯一支持这个事
                 件的主流浏览器。DOM3 Events 废弃了 DOMFocusIn，推荐 focusin。
             DOMFocusOut:当元素失去焦点时触发。这个事件是 blur 的通用版。Opera 是唯一支持这个事
                 件的主流浏览器。DOM3 Events 废弃了 DOMFocusOut，推荐 focusout。
             focus:当元素获得焦点时触发。这个事件不冒泡，所有浏览器都支持。
             focusin:当元素获得焦点时触发。这个事件是 focus 的冒泡版。
             focusout:当元素失去焦点时触发。这个事件是 blur 的通用版。
     */
</script>
</body>
</html>